
import './App.css'
import { Outlet, Link } from "react-router-dom";

export default function App() {
  return (
    <>
      <div id="sidebar">
        <h1>React 路由</h1>
        <nav>
          <ul>
            <li>
              <Link to={`/`}>主页</Link>
            </li>
            <li>
              <Link to={`DateToConputer`}>计算时间</Link>
            </li>
            <li>
              <Link to={'mobxdemo'}>mobx示例</Link>
            </li>
            <li>
              <Link to={'imageMore'}>子线程方式处理图片</Link>
            </li>
            <li>
              <Link to={'AnimationCss'}>css动画卡片效果</Link>
            </li>
            <li>
              <Link to={'Register'}>注册页面</Link>
            </li>
            <li>
              <Link to={'amap'}>地图测试</Link>
            </li>
          </ul>
        </nav>
      </div>
      <div id="detail">
        <Outlet>
        </Outlet>
      </div>
    </>
  );
}
